@font-face{
    font-family: 'Alternate';
    src: url('../font/DIN\ Alternate\ Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.header{
    width: 100%;
    height: 100px;
    background: url('../images/nav_bg.png') no-repeat;
    .logo{
        width: 360px;
        height: 100px;
        float: left;
    }
    ul{
        float: left;
        li{
            float: left;
            width: 246px;
            height: 86px;
            a{
                width: 100%;
                height: 100%;
                display: inline-block;
                font-family: 'Alternate';
              
            }
            &:nth-child(1){
                background: url('../images/nav_weixing_normal.png') no-repeat center center;
                &.active,&:hover{
                    background: url('../images/nav_weixing_hover.png') no-repeat center center;
                }
            }
            &:nth-child(2){
                background: url('../images/nav_chedui_normal.png') no-repeat center center;
                &.active,&:hover{
                    background: url('../images/nav_chedui_hover.png') no-repeat center center;
                }
            }
            &:nth-child(3){
                background: url('../images/nav_huoyuan_normal.png') no-repeat center center;
                &.active,&:hover{
                    background: url('../images/nav_huoyuan_hover.png') no-repeat center center;
                }
            }
            &:nth-child(4){
                background: url('../images/nav_pipei_normal.png') no-repeat center center;
                &.active,&:hover{
                    background: url('../images/nav_pipei_hover.png') no-repeat center center;
                }
            }
        }
    }
}